{% extends "news/base.html" %}
{% block title %}  忘记密码页面   {% endblock %}
{% block css %}
{% load static %}
 <link rel="stylesheet" type="text/css" href="{% static 'news/css/bootstrap.min.css' %}">

{% endblock %}
{% block content %}
<div style="width:1152px; height:52px; top: 25px; left: 200px; border: 1px solid rgba(96,96,96,0.5); position: relative">
    <div style="display:inline; width:5px; height:50px; background:black; border: 1px solid black; position: absolute"></div>
    <div style="display:inline; top: 23px; left: 17px; background:black; border: 3px solid black; position: absolute"></div>
    <div style="display:inline; top: 15px; left: 28px; position: absolute">忘记密码</div>
</div>
<div class="form1">
    <form action="{% url 'news:reset_password' %}" class="form-horizontal" method="post">
        {% csrf_token %}
        <div class="form-group form-group-lg">
            <div class="ipt" style="margin-top: 300px; margin-left: 520px; width: 420px;">
                <input type="text" class="form-control" name="phone" id="phone" placeholder="请输入正确的手机号">
            </div>
        </div>
        <div class="form-group form-group-lg">
            <div class="ipt" style=" margin-left: 520px; width: 280px">
                <input type="text" class="form-control" name="verificationCode" id="verificationCode" placeholder="验证码是6位数字">
            </div>
            <div style="margin-left: 805px; width: 133px; height:45px; margin-top: -45px; background: #0080FF; border: 1px solid rgba(96,96,96,0.5);">
                <a href="#" target="_blank" style="font-size: 16px; color: white; float: left; margin-left: 22px; margin-top:9px;">获取验证码</a>
            </div>
        </div>
        <br>
        <div class="ipt" style="margin-left: 508px; width: 420px;">
            <input type="submit" class="btn btn-primary btn-lg btn-block " value="下一步">
        </div>
    </form>
</div>
{% endblock %}